<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>0</button>
    <button>1</button>
    <button>2</button>
    <button>3</button>
    <button>4</button>
    <script>
        // 1.不能连续声明同一个变量
        // let a = 1;
        // let a = 1;

        // 2.不能变量提升 --- let没有预编译
        // console.log(a);
        // let a = 1;

        // 3.块级作用域 {}
        // es5 全局，局部(函数)，eval
        // for else while 
        //  if(1){
        //     let a = 1;
        //  }
        //  console.log(a)
        var oBtn = document.querySelectorAll('button');
        for (let i = 0; i < oBtn.length; i++) {
            oBtn[i].onclick = function () {
                console.log(i);//5 5 5 5 5
            }
        }

        // {
        //     let i = 0;
        //     oBtn[0].onclick = function () {
        //         console.log(i);//0
        //     }
        // }
        // {
        //     let i = 1;
        // }
        // {
        //     let i = 2;
        // }
        // {
        //     let i = 3;
        // }
        // {
        //     let i = 4;
        // }



    </script>
</body>

</html>